import React from 'react'
import style from './style.module.scss'
import { RaceResultItem } from 'src/components/items/RaceResultItem'
import { Pagination } from 'antd'
import defaultImage from 'src/static/image/race_default.png'

export const RacePageResult: React.FC = () => (
    <div>
        <div className={style.flexContainer}>
            {Array(10).fill(undefined).map((item, index) => {
                return (
                    <RaceResultItem key={index} data={({
                        id: '123',
                        title: '2020年第十届MathorCup高校数学建模挑战赛',
                        img: defaultImage,
                        time: {
                            race: {
                                begin: '2020.2.1',
                                end: '2020.2.8'
                            },
                            sign: {
                                begin: '2020.1.2',
                                end: '2020.1.10'
                            }
                        },
                        host: '中国优选法统筹法与经济数学研究会'
                    })}/>
                )
            })}
        </div>
        <div className={style.pagination}>
            <Pagination defaultCurrent={1} total={50}/>
        </div>
    </div>

)
